<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>index.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="../jquery-1.4.2.js"></script>
		<script type="text/javascript" src="./index.js"></script>
		<style type="text/css">
.hover {
	background-color: red
}

.selected {
	color: yellow
}

.menu {
	whitd: 10;
	height: 20;
	position: relative;
	bottom: 1px;
	color: #134972;
	background-color: #a0b81e;
	font-weight: bold;
	cursor: hand;
	border-style: groove
}

.menuItems {
	position: absolute;
	z-index: 0
}

.menuItem {
	color: #134972;
	background-color: #a0b81e;
	font-weight: bold;
	cursor: hand;
	border-bottom-width: 1;
	border-bottom: solid;
	border-left-width: 1;
	border-left: solid;
	border-right-width: 1;
	border-right: solid;
	border-color: black;
	width: 60
}

.hide {
	display: none
}
</style>
	</head>
	<body>
		<div>
			<span class="menu">HomeA</span>
			<span class="menu">HomeB</span>
			<span class="menu">HomeC</span>
			<span class="menu">HomeD</span>
			<span class="menu">HomeE</span>
		</div>
		<div>
			<table class="menuItems" cellspacing="0">
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
			</table>

			<table class="menuItems" cellspacing="0">
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
			</table>

			<table class="menuItems" cellspacing="0">
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
			</table>

			<table class="menuItems" cellspacing="0">
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
			</table>

			<table class="menuItems" cellspacing="0">
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
				<tr>
					<td class="menuItem">
						a
					</td>
				</tr>
			</table>
			<p>
				abjasdfjals;kjfals;jfaslk;jfaslkd;jfaslkd;jfaslk;dfjasl;fjd
			</p>
		</div>
	</body>
</html>
